@charset "UTF-8";
.kefu {
  position: fixed;
  right: 90px;
  top: 50%;
  width: 80px;
  height: 80px;
  z-index: 10; }
  .kefu .ic-kefu {
    font-size: 36px;
    color: #b52685;
    position: absolute;
    z-index: 99;
    top: 22px;
    left: 20px;
    transition: all 0.6s; }
  .kefu:hover .ic-kefu {
    color: #b52685; }
  .kefu:hover .wave.solid.warning .circle {
    background: #fedc8f; }

@media screen and (max-width: 35.5em) {
  .kefu {
    right: 0.6em; } }
.wave {
  position: relative;
  width: 80px;
  height: 80px;
  text-align: center;
  opacity: 0.6; }

.wave .circle {
  position: absolute;
  border-radius: 50%;
  opacity: 0; }

/* 波动效果 */
.wave.solid .circle {
  width: 100%;
  height: 100%; }

.wave.solid .circle:first-child {
  animation: circle-opacity 2s infinite; }

.wave.solid.warning .circle {
  background: #b52685;
  transition: all 0.6s; }

  @keyframes circle-opacity {
  from {
    opacity: 1;
    transform: scale(0); }
  to {
    opacity: 0.3;
    transform: scale(1); } }